<template>
  <div>
    <el-row :gutter="10">
      <el-col :span="12">
        <el-card>
          <div slot="header">
            <span>公司简介</span>
          </div>
          <div class="text">
            中冶华天工程技术有限公司是世界500强企业——中国五矿和中国中冶旗下重要骨干企业，是中国钢铁工业建设开拓者和主力军，其前身是成立于1962年的“马鞍山黑色冶金设计院”。中冶华天传承和发扬六十余年“艰苦创业、圆梦钢铁、改革创新、追求卓越”的企业文化精神特质，致力于建设综合型工程技术公司。
          </div>
          <div class="text">
            中冶华天是钢铁冶金建设与运营服务国家队，是以科研设计为龙头的城市与产业发展系统解决方案提供商，是工程项目投（融）资、咨询、规划、设计、建造、运营等全生命周期服务商，致力高新技术、智能管理服务和为业主提供产业绿色化服务。在中冶集团“做世界一流冶金建设国家队、基本建设主力军先锋队、新兴产业领跑者排头兵，长期坚持走高技术高质量创新发展之路”战略定位下，中冶华天坚持深化改革，注重创新驱动，充分发挥工程设计综合甲级EPC总承包能力，主营业务已从单一的钢铁冶金设计发展成为以钢铁板块为主体，以房建市政和环境环保板块为两翼的“一体两翼”三大主营业务，全过程咨询工程监理、装备制造、新能源开发、数字化智能化服务等多极发展的业务体系。
          </div>
          <img :src="organizationImg" style="width: 100%"/>
        </el-card>
      </el-col>
      <el-col :span="12">
        <el-card>
          <div slot="header">
            <span>通知公告</span>
          </div>
          <div>
            <el-table :data="noticeList" :show-header="false">
              <el-table-column
                label="公告标题"
                align="left"
                prop="noticeTitle"
                :show-overflow-tooltip="true"
              />
              <el-table-column label="创建时间" align="center" prop="createTime" width="180"/>
            </el-table>

            <pagination
              v-show="total>0"
              :total="total"
              :page.sync="queryParams.pageNum"
              :limit.sync="queryParams.pageSize"
              @pagination="getList"
            />
          </div>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>

<script>
  import organizationImg from '@/assets/image/organization.jpg'
  import {pageNotice} from '@/api/system/notice'

  export default {
    name: 'Index',
    components: {},
    data() {
      return {
        organizationImg: organizationImg,
        queryParams: {
          pageNum: 1,
          pageSize: 10,
          status: '0'
        },
        total: 0,
        noticeList: []
      }
    },
    mounted() {
      this.getList()
    },
    methods: {
      getList() {
        pageNotice(this.queryParams).then(res => {
          this.noticeList = res.data.rows
          this.total = res.data.total
        })
      }
    }
  }
</script>

<style lang="scss" scoped>
  .text {
    font-size: 1.2em;
    text-indent: 2em;
    line-height: 40px;
  }
</style>
